<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0,maximum-scale=1,minimum-scale=1,user-scalable=no"
    />
    <title>20-清除定时器.html</title>
    <style>
      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }
    </style>
  </head>
  <body>
    <script>
      // 开启了一个定时器 会返回 定时器id
      // 不需要关心 这个定时器的id 等于多少， 有id
      // let timeId = setInterval(function () {
      //   console.log('准备吃晚饭');
      // }, 1000);

      // // console.log(timeId);

      // // 清除定时器 一般都是要根据某个条件来清除
      // clearInterval(timeId);

      // 追女孩子  追30次 不行 我就撤退！！

      let index = 0;

      // 创建定时器的同时 返回了定时器id
      let timeId = setInterval(function () {
        index++;
        console.log('开始追了', index);
        // 判断是否满足条件了
        if (index === 30) {
          // 放弃 没有缘分
          clearInterval(timeId);
        }
      }, 100);
    </script>
  </body>
</html>
